<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Menubar</title>


<script type="text/javascript" src="lib/jquery.js">
	
</script>

<script type="text/javascript">
	$(document).ready(function() {

		$('#gato').text("noelia");

		$("#gato").fadeOut(3000);
		$("#gato").fadeIn(3000);
		$("#gato").fadeOut(3000);
		$("#gato").fadeIn(3000);
		$("#gato").fadeOut(3000);
		$("#gato").fadeIn(3000);
		$("#gato").fadeOut(3000);
		$("#gato").fadeIn(3000);



		$("table tr td").hover(function() {
				$(this).css("color","#fff");
		}, function() {
				$(this).css("color","#565");
		});

	});
</script>

<style type="text/css">
body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#menubar {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: solid 1px #000;
	padding: 0px 5px;
	margin: 5px auto;
	border: solid 1px #000;
	background: #469;
}

ul { /*margin: 0 0 0 0;*/
	padding: 0 0 0 0;
}

.options {
	padding: 5px 15px;
	margin: 0px;
	display: inline;
}

.options a {
	color: #eef;
	text-decoration: none;
}

#content {
	padding: 10px 5px;
	margin: 0 auto;
}
#gato{
	border: solid 1px #000;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

table {
	border: solid 1px #555;
}

table th {
	font-family: monospace;
	font-size: 12px;
	color: #565;
	background: #bbb;
	padding: 8px;
	margin: 0 0 0 0;
	border: 0;
}

table td {
	font-family: monospace;
	font-size: 12px;
	color: #565;
	padding: 5px;
	margin: 0 0 0 0;
	border: 0;
}

table tr.n1 {
	background: #fe7;
}

table tr.n2 {
	background: #fc5;
}

table tr:HOVER {
	background: #e64;
	cursor: pointer;
	color: #fff;
}
</style>
</head>
<body>

<div id="menubar">
<ul>
	<li class="options"><a href="#">Tineo</a></li>
	<li class="options"><a href="#">Go</a></li>
	<li class="options"><a href="#">Home</a></li>
</ul>
</div>


<div id="content">
<div id="gato">perro</div>


<table>
	<tbody>
		<tr>
			<th>Codigo</th>
			<th>Titulo</th>
			<th>Fecha</th>
		</tr>
		<tr class="n1">
			<td>000001</td>
			<td>------------------------------------------------------</td>
			<td>12/12/2010</td>
		</tr>
		<tr class="n2">
			<td>000001</td>
			<td>------------------------------------------------------</td>
			<td>12/12/2010</td>
		</tr>
		<tr class="n1">
			<td>000001</td>
			<td>------------------------------------------------------</td>
			<td>12/12/2010</td>
		</tr>
		<tr class="n2">
			<td>000001</td>
			<td>------------------------------------------------------</td>
			<td>12/12/2010</td>
		</tr>
		<tr class="n1">
			<td>000001</td>
			<td>------------------------------------------------------</td>
			<td>12/12/2010</td>
		</tr>
		<tr class="n2">
			<td>000001</td>
			<td>------------------------------------------------------</td>
			<td>12/12/2010</td>
		</tr>
		<tr class="n1">
			<td>000001</td>
			<td>------------------------------------------------------</td>
			<td>12/12/2010</td>
		</tr>
	</tbody>
</table>


</div>


</body>
</html>